<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<!--<html lang="en">-->
<head>
    <meta charset="UTF-8">
    <title>可乐-登录注册</title>
    <link rel="shortcut icon" type="image/x-icon" th:href="@{/static_resources/favicon.ico}" />
    <link rel="stylesheet" th:href="@{/static_resources/css/index.css}">
</head>
<body>
    <div class="bigContainer"><!--设置背景-->
        <table></table>
        <h1 class="KeLe">KeLe</h1>
        <div class="loginSign"><!--登录注册的大盒子-->
            <div class="loginSignPa"><!--让盒子缩小到一定范围是距离两边有边框-->
                <div class="loginContainer"><!--登录-->
                    <div class="loginBtnContainer">
                        <button class="loginBtn">登录</button>
                    </div>
                    <div class="handoverLogin">


                        <div class="loginInputContainer" ><!--这里是直接登录的页面--><!--就先写这一个登录/这个是重点/开始-->
                            <h2 class="loginH2">登录</h2>
                            <div class="relative">

                                <input class="userName" name="account" type="text" placeholder="用户名">
                                <div class="error"></div>
                            </div>
                            <div class="relative">

                                <input class="password" name="password" type="password" placeholder="密码">
                                <div class="error"></div>
                            </div>
                            <div class="relative">
                                <input class="login_btn" type="submit" value="登录">
                            </div>
<!--                            <div class="cutLogin">-->
<!--                                其他登录方式-->
<!--                            </div>-->
                        </div><!--就先写这一个登录/这个是重点/结束-->


                        <!--登录方式选择页面-->
<!--                        <form class="loginWay">&lt;!&ndash;选择手机或邮箱登录&ndash;&gt;-->
<!--                            <div class="returnLogin">-->
<!--                                <img src="/static_resources/img/zuojiantou.png" alt="">-->
<!--                            </div>-->
<!--                            <div class="returnLl">-->
<!--                                返回-->
<!--                            </div>-->
<!--                            <div class="wayTitle">-->
<!--                                <div>邮箱登录</div>-->
<!--                                <div>手机登录</div>-->
<!--                            </div>-->
<!--                            <div class="wayEmil">-->

<!--                            </div>-->
<!--                            <div class="wayPhone">-->

<!--                            </div>-->
<!--                        </form>-->
<!--                        &lt;!&ndash;这里是手机登录的页面&ndash;&gt;-->
<!--                        <form class="phoneLogin">-->
<!--                            <div class="returnLoginPhone">-->
<!--                                <img src="/static_resources/img/zuojiantou.png" alt="">-->
<!--                            </div>-->
<!--                            <div class="returnLl">-->
<!--                                返回-->
<!--                            </div>-->
<!--                            <h2>手机号码登录</h2>-->
<!--                            <div class="emailLoginInput">-->
<!--                                <input type="text" placeholder="请输入手机号码">-->
<!--                            </div>-->
<!--                            <div class="valiLoginInput" >-->
<!--                                <input type="text" placeholder="验证码">-->
<!--                                <button class="valiBtn">获取验证码</button>-->
<!--                            </div>-->
<!--                            <input class="emailLoginBtn" type="button" value="登录">-->
<!--                        </form>-->
<!--                        &lt;!&ndash;这里是邮箱登录的页面&ndash;&gt;-->
<!--                        <form class="emailLogin">-->
<!--                            <div class="returnLoginEmail">-->
<!--                                <img src="/static_resources/img/zuojiantou.png" alt="">-->
<!--                            </div>-->
<!--                            <div class="returnLl">-->
<!--                                返回-->
<!--                            </div>-->
<!--                            <h2>邮箱登录</h2>-->
<!--                            <div class="emailLoginInput">-->
<!--                                <input type="text" placeholder="请输入邮箱号码">-->
<!--                            </div>-->
<!--                            <div class="valiLoginInput" >-->
<!--                                <input type="text" placeholder="验证码">-->
<!--                                <button class="valiBtn">获取验证码</button>-->
<!--                            </div>-->
<!--                                <input class="emailLoginBtn" type="button" value="登录">-->
<!--                        </form>-->
                    </div>

                </div>
                <div class="signContainer"><!--注册-->
                    <div class="singBtnContainer">
                        <button class="signBtn">注册</button>
                    </div>
                    <div class="handoverSign">


                        <div class="signInputContainer"><!--这里的盒子在切换注册方式时要用--><!--就先写这一个注册/这个是重点/开始-->
                            <h2 class="signH2">注册</h2>
<!--                            </div>-->
                            <div class="relative">
                                <input class="signuserName" type="text" placeholder="用户名">
                            </div>
                            <div class="relative">
                                <input class="signpassword" type="password" placeholder="密码">
                            </div>
                            <div class="relative">
                                <input class="signpassword" type="password" placeholder="确认">
                            </div>
                            <div class="relative">
                                <input class="signTrue" type="text" placeholder="验证码">
                            </div>
                            <div class="comple"></div>
                            <div class="privacy">
                                <input class="privacyInput" type="checkbox">
                                <a class="read" href="javascript:;">我已阅读并同意</a>
                                <a class="privacyA" th:href="@{/static_resources/templates/termsOfUse.html}">使用条款</a>
                            </div>
                            <input class="sign_btn" type="button" value="注册">
<!--                            <div class="cut">-->
<!--                                切换其他方式注册-->
<!--                            </div>-->
                        </div><!--就先写这一个注册/这个是重点/开始-->


<!--                        <form class="signWay">&lt;!&ndash;选择手机或邮箱注册&ndash;&gt;-->
<!--                            <div class="returnL">-->
<!--                                <img src="../img/zuojiantou.png" alt="">-->
<!--                            </div>-->
<!--                            <div class="returnLl">-->
<!--                                返回-->
<!--                            </div>-->
<!--                            <div class="wayTitle">-->
<!--                                <div>邮箱注册</div>-->
<!--                                <div>手机注册</div>-->
<!--                            </div>-->
<!--                            <div class="wayEmil">-->

<!--                            </div>-->
<!--                            <div class="wayPhone">-->

<!--                            </div>-->
<!--                        </form>-->
<!--                        <form class="signEmail">&lt;!&ndash;&#45;&#45;这里是邮箱注册&ndash;&gt;-->
<!--                            <div class="returnSignEmail">-->
<!--                                <img src="../img/zuojiantou.png" alt="">-->
<!--                            </div>-->
<!--                            <div class="returnLl">-->
<!--                                返回-->
<!--                            </div>-->
<!--                            <h2>邮箱注册</h2>-->
<!--                            <div class="emailLoginInput">-->
<!--                                <input type="text" placeholder="请输入邮箱号码">-->
<!--                            </div>-->
<!--                            <div class="valiLoginInput" >-->
<!--                                <input type="text" placeholder="验证码">-->
<!--                                <button class="valiBtn">获取验证码</button>-->
<!--                            </div>-->
<!--                            <input class="emailLoginBtn" type="button" value="注册">-->
<!--                        </form>-->
<!--                        &lt;!&ndash;这里是手机号码注册&ndash;&gt;-->
<!--                        <form class="phoneSign">-->
<!--                            <div class="returnSignPhone">-->
<!--                                <img src="../img/zuojiantou.png" alt="">-->
<!--                            </div>-->
<!--                            <div class="returnLl">-->
<!--                                返回-->
<!--                            </div>-->
<!--                            <h2>手机号码注册</h2>-->
<!--                            <div class="emailLoginInput">-->
<!--                                <input type="text" placeholder="请输入手机号码">-->
<!--                            </div>-->
<!--                            <div class="valiLoginInput" >-->
<!--                                <input type="text" placeholder="验证码">-->
<!--                                <button class="valiBtn">获取验证码</button>-->
<!--                            </div>-->
<!--                            <input class="emailLoginBtn" type="button" value="注册">-->
<!--                        </form>-->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="tips">
        注册成功
    </div>
    <script th:src="@{/static_resources/js/jquery-1.12.4.min.js}" type="text/javascript"></script>
    <script th:src="@{/static_resources/js/index.js}" type="text/javascript"></script>
</body>
</html>